<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<link rel="apple-touch-icon" sizes="76x76" href="./assets/img/favicon.ico">
	<link rel="icon" type="image/png" href="./assets/img/favicon.ico">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>数据要素流通平台</title>
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
		name='viewport' />

	<!-- Google Font -->

	<!-- Font Awesome Icons -->
	<link rel="stylesheet" href="assets/font/iconfont.css">
	<!-- Animation CSS -->
	<link href="vendor/aos.css" rel="stylesheet" />
	<link href="./assets/layui/css/layui.css" rel="stylesheet">
	<link href="./assets/layui/cascader/cascader.css" rel="stylesheet">


	<!-- Main CSS -->
	<link href="./assets/css/main.css" rel="stylesheet" />
	<style>
		body {
			font-size: 17px;
		}

		.nav-item .active {
			font-weight: 600;
		}
		.fieldTable{
			/* 设置固定高度 */
			height: 300px; /* 你可以根据需要调整高度值 */
			overflow: auto; /* 或者使用 overflow: scroll; */
		}
		.fieldTable::-webkit-scrollbar {
			width: 10px; /* 设置滚动条宽度 */
		}

		.fieldTable::-webkit-scrollbar-thumb {
			background: #888; /* 设置滚动条滑块背景颜色 */
		}
		/* 数据注册大字 */
		/* 大于1680px：默认 */
		/*1360px ——1680px */
		@media (max-width: 1680px) {
			.jumbotron {
				padding-top: 9rem;
			}
		}

		/* 小于1360px */
		@media (max-width: 1360px) {
			.display-3 {
				font-size: 60px;
			}

			.display-3 p {
				font-size: 60px;
			}

			.jumbotron {
				/* background-size: cover; */
				padding-top: 11rem;
			}
		}

		.previous{
			margin-right: 30px;
		}
		.table tr:last-child {
		    border: none;
		}

		.table tr th {
		    background-color: #4476A7;
		    color: #fff;
		    font-weight: 400;
		    text-align: center;
		    position: relative;
		}

		.table tr th::after {
		    content: '';
		    width: 1px;
		    height: 12px;
		    position: absolute;
		    right: 0;
		    background-color: #fff;
		    top: 50%;
		    transform: translateY(-50%);
		}

		.table tr th:last-child::after {
		    content: '';
		    width: 0;
		    height: 0;
		    background-color: transparent;
		}

		.table tr td {
		    text-align: center;
		    border: 1px solid green;
		    border-top: 1px solid green;
		    vertical-align: baseline;
		    position: relative;
		}

		.table tr td select {
		    width: 80%;
		    outline: none;
		    border: none;
		    appearance: none;
		    -webkit-appearance: none;
		    -moz-appearance: none;
		}

		table tr td input {
		    outline: none;
		    border: none;
		    text-align: center;
		    width: 100%;
		}

		table tr td:last-child {
		    border: none;
		}

		/* 设置倒三角 */
		/* .table tr .select::after {
		    content: '';
		    position: absolute;
		    border-bottom: 14px solid transparent;
		    border-left: 10px solid transparent;
		    border-right: 10px solid transparent;
		    border-top: 14px solid #4476A7;
		    right: 30px;
		    top: 50%;
		    transform: translateY(-6px);
		    pointer-events: none;
		} */

		/* .control {
		    height: 300px;
		    overflow: auto;
		} */

		.price {
		    height: 300px;
		    overflow: auto;
		}
		.controlDel,.del{
		    color: #4476A7;
		    font-size: 14px;
		    cursor: pointer;

		}
		.add{
			font-size: 14px;
		    color: #4476A7;
		    cursor: pointer;
		}
		/* 火狐样式 */
		@media screen and (min--moz-device-pixel-ratio:0) {
			#sesourceContent tr td>input,#controlSet tr td>input,#priceSet tr td>input {
				margin-top: -30px;
				display: block;
			}
		}

		/*关键字部分*/
		#keyWordSection{
			display: flex;
			flex-direction: column;
			align-items: start;
			justify-content: center;
			height: 100%;
			width: 100%;
			/* margin-left: 15px; */
		}
		#keyWordSection .layui-form-label{
			padding: 0;
			font-size: 14px;
		}
		#keyWordSection .layui-input-block{
			margin-left: 0;
			width: 100%;
		}
		.classifyBox{
			width: 200px;
			overflow-y: scroll;
		}
		.classifyBox::-webkit-scrollbar {
			width: 8px; /* Width of the scrollbar */
		}

		.classifyBox::-webkit-scrollbar-thumb {
			background-color: #888; /* Color of the scrollbar thumb */
			border-radius: 4px; /* Rounded corners for the thumb */
		}

		.classifyBox::-webkit-scrollbar-thumb:hover {
			background-color: #555; /* Color of the thumb on hover */
		}

		.classifyBox::-webkit-scrollbar-track {
			background-color: #f0f0f0; /* Color of the scrollbar track */
		}
		.classifyBox ul li{
			cursor: pointer;
			font-size: 14px;
			margin: 10px 0;
		}
		.keywordBox{
			padding: 0 5px;
			overflow-y: scroll;
		}
		.keywordBox button{
			margin-bottom: 10px;
		}
		.text .layui-form-switch{
			margin-top: -4px;
			/*margin-bottom: 7px;*/
		}
		.keyWordLabel .layui-btn{
			margin-right: 10px;
			cursor: auto;
		}
		.keyWordLabel .layui-btn i{
			cursor: pointer;
		}
		.keyWordPop .text{
			margin: 8px 0;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			gap: 5px;
		}
	</style>
</head>

<body>

	<!----------------------------------------------------------------------
NAVBAR (remove topnav if you don't want changed nav background on scroll)
------------------------------------------------------------------------>
	<nav class="topnav navbar navbar-expand-lg navbar-dark fixed-top">
		<div class="container-fluid">
			<a class="navbar-brand" href="./index.html"><i class="iconfont icon-globe1 mr-2" style="font-size: 20px;"></i><strong>数据流通云</strong>
			</a>
			<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02"
				aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="navbar-collapse collapse" id="navbarColor02" style="">
				<ul class="navbar-nav mr-auto d-flex align-items-center">
					<li class="nav-item">
						<a class="nav-link" href="./index.html">首页</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./dataResources.html">数据资源</a>
					</li>
					<li class="nav-item dropdown">
						<a class="nav-link" href="productStore.html">数据产品 </a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./serviceStore.html">服务产品</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./customShop.html">定制数据</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./developer.html">开发者</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./newMessage.html">最新消息</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./accessData.html">数据访问</a>
					</li>
					<li class="nav-item highSerachBtn">
						<div class="col pt-4 pb-4">
							<a class="btn btn-lg btn-outline-white btn-round searchKeyword text-white"><span
									class="iconbox border-0" style="margin-right: 5px;"><i
										class="iconfont icon-search" style="font-size: 20px;"></i></span>搜索</a>
						</div>
					</li>
				</ul>
				<ul class="navbar-nav ml-auto d-flex align-items-center">
					<li class="nav-item">
						<a class="nav-link myBtn" href="javascript:;">
							<span class="iconbox border-0" style="margin-right: 5px;"><i
									class="iconfont icon-cart-arrow-down"></i></span>产品袋
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./mySpace.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i
									class="iconfont icon-bxs-book-reader"></i></span>我的空间 </a>
					</li>
					<li class="nav-item disabledNone" id="userInfo">
						<ul class="layui-nav" style="background-color: rgba(244, 244, 244, 0);padding: 0;">
							<li class="layui-nav-item">
							  <a href="javascript:;" style="color: #353c58 !important;">
								  <span class="iconbox border-0" style="margin-right: 5px;"><i class="iconfont icon-user-fill"></i></span>
								  用户：<span id="accunt">登录过期</span>
							  </a>
							  <dl class="layui-nav-child">
								<dd><a href="./changePassword.html">修改密码</a></dd>
								<dd><a href="" id="logOutBtn">退出登录</a></dd>
							  </dl>
							</li>
						  </ul>
					</li>
					<li class="nav-item disabledNone" id="attestation">
						<a class="nav-link" style="color:#FF820C;padding-left: 0px;font-size:12px;cursor: pointer;">未认证</a>
					</li>
					<li class="nav-item disabledNone noUser">
						<a class="nav-link" href="./login.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i
									class="fas fa-user"></i></span>登录 </a>
					</li>
					<li class="nav-item disabledNone noUser">
						<span class="nav-link" href="#">
							<a class="btn btn-cyan btn-round shadow-sm text-white" href="./register.html">
								<i class="fab fa-github"></i> 立即注册
							</a>
						</span>
					</li>
				</ul>
			</div>
		</div>
	</nav>
	<!-- End Navbar -->


	<!-------------------------------------- HEADER --------------------------------------->
	<div class="jumbotron jumbotron-fluid bg-primary position-relative" style="background-color: #03CA93 !important;padding-bottom: 50px;">
		<div class="container text-white h-100 tofront">
			<div class="row align-items-center justify-content-center text-center">
				<div class="col-md-10">
					<h1 class="display-3" id="dataResourceAddOrEdit">数据资源注册<p>Data Resource Register</p>
					</h1>
				</div>
			</div>
		</div>
	</div>
	<!-- End Header -->


	<!-------------------------------------- MAIN --------------------------------------->
	<div class="container pt-2 pb-5" style="position: relative;font-size: 14px;">
		<div class="layui-tab layui-tab-brief" lay-filter="dataRegistr">
			<!-- <ul class="layui-tab-title">
				 <li class="layui-this" lay-id="data0">基本设置</li>
				 <li lay-id="data1">默认设置</li>
				 <li lay-id="data2">接口信息</li>
				 <li lay-id="data3">结构信息</li>
				<li lay-id="data4">资源内容</li>
			</ul> -->

			<div class="layui-tab-content">
				<!--基础设置-->
					<div class="col-md-10" style="margin: 10px auto;">
						<h3 class="mb-3">信息说明
							<div class="mt-3" style="font-weight: 300;font-size: 14px;color: #212529;text-indent: 2em;">数据资源注册属于治理后资源数据，数据治理并不是一种简单的操作行为，而是对数据资产管理行使权力和控制的活动集合，是一种管理和保护数据的方法，是确保准确性、完整性、安全性、可靠性和一致性的关键。

通过数据治理，企业可以更好地掌握现有数据，理解数据价值和用途，梳理系统应用的业务逻辑，从而更好地管理和使用数据，降本增效的同时，也能够避免敏感数据的泄露。</div>
						</h3>
						<h3 class="mb-3 mt-3">基本信息
							<button type="button" class="layui-btn layui-btn-sm disabledNone" id="uploadResourceFile">
								<i class="layui-icon">&#xe67c;</i>上传文件注册
							</button>
							<button type="button" class="layui-btn layui-btn-sm" id="natoOldDataResources">前往原始资源</button>
						</h3>
						
						
						<form class="layui-form"  lay-filter="SourceInfoForm" >
							<div class="row form-group">
								<div class="col">
									<label><span style="color: red;">*</span>注册方式</label>
									<div style="display:flex;flex-direction: row">
										<input type="radio" name="registerType" lay-filter="registerType" value="0" title="手工录入" checked>
										<input type="radio" name="registerType" lay-filter="registerType" value="1" title="一键导入">
										<div style="width: 430px;">
											<input name="resourceList" id="resourceList"  style="display: block;width: 50%;height: calc(2.3rem + 2px);padding: 0.35rem 1.2rem;font-size: 1rem;line-height: 1.6;border: 1px solid #ced4da;">
										</div>
									</div>
								</div>
								<!-- <div class="col disabledNone" id="dataUploadType">
									<label>资源数据</label>
									<div>
										<input type="radio" name="dataUploadType" value="0" title="资源覆盖">
										<input type="radio" name="dataUploadType" value="1" title="资源新增">
									</div>
								</div> -->
								<!-- <div class="col">
									<label>原始数据</label>
									<input type="text" id="rawSel" placeholder="请选择原始数据" name="originSourceDependency">
									<button type="button" class="layui-btn layui-btn-xs" id="">前往原始资源</button>
								</div> -->
							</div>
							<div class="row form-group inputDiv">
								<div class="col">
									<label><span style="color: red;">*</span>数据通道</label>
									<input type="text" id="BaseSel" placeholder="请选择数据通道" name="sourceId">
								</div>
								<div class="col">
									<label><span style="color: red;">*</span>资源名称</label>
									<input type="text" class="form-control" placeholder="请录入资源名称" required="" name="contentName">
								</div>
							</div>
							<div class="row form-group inputDiv">
								<div class="col">
									<label><span style="color: red;">*</span>资源别名</label>
									<input type="text" class="form-control" placeholder="请录入资源别名" required="" name="contentNickName">
								</div>
								<div class="col">
									<label><span style="color: red;">*</span>单位平台信息</label>
									<input type="text" class="form-control" placeholder='按照"平台/单位/部门"格式填写,使用/分隔' required="" name="departInfo">
								</div>
							</div>
							<div class="row form-group inputDiv">
								<div class="col">
									<label><span style="color: red;">*</span>所属分类(与关键词二选一）</label>
									<div><input id="TypeSel"  type="text"  style="display: block;width: 100%;height: calc(2.3rem + 2px);padding: 0.35rem 1.2rem;font-size: 1rem;line-height: 1.6;border: 1px solid #ced4da;"/></div>
								</div>
								<div class="col">
									<label><span style="color: red;">*</span>选择关键词（与分类二选一）</label>
									 <input type="text" class="form-control" placeholder="请填写关键词以英文逗号分隔" name="keywordSet" id="keyWordSel">
							</div>
							</div>
							
							<div class="row form-group inputDiv">
								<div class="col">
									<label><span style="color: red;">*</span>所属大类</label>
									<select name="status" lay-filter="firstType" style="width: 100px;">
										<option value="">请选择</option>
										<option value="File">文件</option>
										<option value="Api">API</option>
										<option value="DB">数据库</option>
									</select>
								</div>
								<div class="col">
									<label>二级分类</label>
									<input type="text" class="form-control" placeholder="请录入二级分类 " required="" name="secondType">
								</div>

							</div>
							<div class="row form-group inputDiv ">
								<div class="col">
									<label><span style="color: red;">*</span>资源具体内容描述</label>
<!--									<table class="layui-table" id="fieldTable" lay-filter="filedTable" style="display: none"></table>-->
<!--									<label><span style="color: red;">*</span>资源具体内容描述</label>-->
									<textarea class="form-control" placeholder="请填写资源具体内容描述" maxlength="255" name="contentDetail" id="contentDetailText"></textarea>
								</div>
							</div>
							<div class="row form-group inputDiv">
								<div class="col">
									<label><span style="color: red;">*</span>详细说明</label>
									<textarea class="form-control" placeholder="请填写详细说明" maxlength="2000" name="detail"></textarea>
								</div>
								<div class="col">
									<label>举例说明</label>
									<textarea class="form-control" placeholder="请填写一个例子（使用JSON描述）" maxlength="2000" name="example"></textarea>
								</div>
							</div>
							<div class="row form-group inputDiv">
								<div class="col">
									<label>相关指标</label>
									<textarea class="form-control" placeholder="审核通过之后展示相关指标" maxlength="2000" name="indicator" disabled></textarea>
								</div>
								<div class="col">
									<label>展示图标<span style="font-size: 12px;margin-left: 10px;">(建议像素采用像素宽高600x300，或等比例像素)</span></label>
									<input type="button" value="选择文件" id="dataSourceIconButton"  class="form-control"    style="font-size: 18px;height: 65px;"/>
									<input name="file" type="file"
										   class="form-control"
										   id="dataSourceIcon"
										   accept="image/*"
										   style="font-size: 12px;display: none;height: 70px;"
										   alt="选择图标"
									>
								</div>

							</div>
							<div class="row form-group inputDiv">
								<div class="col">
									<img src="" id="dataSourceIconUrl" style="max-width: 300px;max-height: 150px;"/>
								</div>
							</div>
						</form>
						<div id="butnMoreSet" style="cursor: pointer;">更多设置</div>
						<!-- <button type="submit" class="btn btn-cyan btn-round text-white mt-3 next" style="float: right;">下一步</button> -->
					</div>
					<div class="col-md-10 control disabledNone MoreSet" style="margin: 10px auto;">
						<form lay-filter="controlSetForm" class="layui-form">
						<div class="control mb-5">
							<h3 class="mb-3 mt-3">可见设置<span style="font-size: 0.75rem;font-weight: 400;margin-left: 10px;color: #212529a3;">(不选择设置，则默认为开放不接受控制)</span></h3>
<!--							&lt;!&ndash;规则集单选选择下拉框&ndash;&gt;-->
<!--							<input type="text" id="rulesSel" placeholder="选择规则" name="ruleId">-->
							<!--可见控制表格显示-->
							<table id="visiRuleTable" lay-filter="visiRuleTableFilter" class="layui-table"></table>
<!--							可见规则详情表单-->
							<div class=" visibleRule">
								<div class="title">
									<div class="row form-group layui-form layui-form-pane textItem"
										 lay-filter="visibleNameForm">
										<div class="col">
											<label class="layui-form-label">规则名称</label>
											<div class="layui-input-block">
												<input type="text" name="systemControlName" id="visibleRuleName"
													   required lay-verify="required" placeholder="请输入规则名称"
													   disabled
													   autocomplete="off" class="layui-input">
											</div>
										</div>
										<div class="col">
											<label class="layui-form-label">规则说明</label>
											<div class="layui-input-block">
												<input type="text" name="remark" id="visibleRuleRemark" required
													   lay-verify="required" placeholder="请输入规则说明"
													   disabled
													   autocomplete="off" class="layui-input">
											</div>
										</div>
									</div>
								</div>
								<div class="layui-form layui-form-pane" lay-filter="visibleForm">
									<div class="row form-group">
										<div class="col">
											<label class="layui-form-label">用户级别</label>
											<div class="layui-input-block">
												<input type="text" name="userLevelValue" id="visibleUserLevel" required
													   disabled
													   lay-verify="required" autocomplete="off" class="layui-input"
												>
											</div>
										</div>
										<div class="col">
											<label class="layui-form-label">包含关系</label>
											<div class="layui-input-block">
												<select name="userLevelMethod" lay-verify="" disabled>
													<option value="0">小于</option>
													<option value="1">小于或等于</option>
													<option value="2">等于</option>
													<option value="3">大于</option>
													<option value="4">大于或等于</option>
												</select>
											</div>
										</div>
									</div>
									<div class="row form-group">
										<div class="col">
											<label class="layui-form-label">用户类型</label>
											<div class="layui-input-block">
												<input type="text" name="userTypeSet" id="visibleUserType" required
													   disabled
													   lay-verify="required" placeholder="请输入标题" autocomplete="off"
													   class="layui-input">
											</div>
										</div>
										<div class="col">
											<label class="layui-form-label">包含关系</label>
											<div class="layui-input-block">
												<select name="" lay-verify="" disabled>
													<option value="0">包含</option>
													<option value="1">排除</option>
												</select>
											</div>
										</div>
									</div>

									<div class="layui-form-item">
										<div class="speUserContent"
											 style="display:flex; flex-direction: row;align-items: center;justify-content: start;">
											<div class="speUserItem"
												 style="display:flex; flex-direction: row;justify-content: center;">
												<label class="layui-form-label">指定用户</label>
												<div class="">
													<input type="text" name="title" id="visibleSpeUser" required
														   lay-verify="required" placeholder="请输入标题"
														   disabled
														   autocomplete="off" class="layui-input">
												</div>
											</div>
										</div>
									</div>
									<div class="row form-group">
										<div class="col">
											<label class="layui-form-label">条件关系</label>
											<div class="layui-input-block">
												<select name="mode" lay-verify="" disabled>
													<option value="1" selected>满足一项即可</option>
													<option value="0">全部满足</option>
												</select>
											</div>
										</div>
										<div class="col">
											<label class="layui-form-label">是否可见</label>
											<div class="layui-input-block">
												<input type="radio" name="isVisible" value="1" title="可见" disabled>
												<input type="radio" name="isVisible" value="0" title="不可见" disabled>
											</div>
										</div>
									</div>

								</div>
							</div>
						</div>
						</form>
					</div>
				<div class="mb-2" style="text-align: right;">
					<button class="btn btn-sm btn-cyan btn-round text-white mt-3" id="saveAllForm">保存</button>
					<button class="btn btn-sm btn-cyan btn-round text-white mt-3" id="submitAllForm">提交</button>
				</div>
			</div>
		</div>

	</div>

	<!-- End Main -->



	<!-------------------------------------- FOOTER 底部 --------------------------------------->

	<footer class="bg-black pb-5" style="padding-top: 20px;padding-bottom: 20px !important;background-color: #03CA93;">
		<div class="container">
			<div class="row" style="text-align: center;">
				<div class="col-12 col-md mr-4">
					<small class="d-block mt-3 text-muted" style="color: white !important;">
						<p style="color: white;margin-top: 10px;font-size: 30px;">数据要素流通平台</p>
						Copyright @ 2022 数据要素流通平台-版权所有 蜀ICP备202223603号
					</small>
				</div>
			</div>
		</div>
	</footer>
	<!-- End Footer -->



	<!-------------------------------------- JAVASCRIPTS --------------------------------------->
	<script type="text/html" id="columnNickName">
		<input class="columnNickName layui-input" size="9"  name="{{d.columnNickName}}" data-id="{{d.id}}" value="{{d.columnNickName}}"/>
	</script>
	<script type="text/html" id="isUsing">
		<input type="checkbox"  lay-skin="switch" lay-text="是|否" lay-filter="isUsing" data-id={{d.id}} value={{d.isUsing}}
			   {{ d.isUsing==="1" ? 'checked' : '' }}>
	</script>

	<script src="vendor/jquery.min.js" type="text/javascript"></script>
	<script src="vendor/popper.min.js" type="text/javascript"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="js/functions.js" type="text/javascript"></script>
	<script src="./assets/layui/layui.js" type="text/javascript"></script>
	<script src="./assets/layui/cascader/cascader.js" type="text/javascript"></script>
	<script src="js/tool.js" type="text/javascript"></script>
	<script src="js/header.js" type="text/javascript"></script>
	<!-- Animation -->
	<script src="vendor/aos.js" type="text/javascript"></script>
	<noscript>
		<style>
			*[data-aos] {
				display: block !important;
				opacity: 1 !important;
				visibility: visible !important;
			}
		</style>
	</noscript>
	<script>
		AOS.init({
			duration: 700
		});
	</script>

	<!-- Disable animation on less than 1200px, change value if you like -->
	<script>
		AOS.init({
			disable: function () {
				var maxWidth = 1200;
				return window.innerWidth < maxWidth;
			}
		});
	</script>
	<script>

	</script>
	<script src="js/dataRegister/dataSourceRegister.js"></script>
	<!--	数据资源注册--默认设置-->
	<!-- <script src="js/dataRegister/rootRegister.js"></script> -->
</body>

</html>
